草庐IT

JavaScript HTML DOM - 改变CSS

全部标签

javascript - 如何通过改变 JavaScript 中的一个字符来置换字符串?

对于所有字符串操作大师来说,这可能是一个有趣的练习。给定一个字符串,其中包含散布在准随机位置的“x”或“xx”(如DNAsequence),我需要通过改变其中的“x”来置换该字符串。“x”的每个实例都可以是单数“x”或双数“xx”,整个字符串应包含“x”和“xx”的所有可能组合。给定字符串“ooxooxoo”,输出为["ooxxooxoo","ooxooxxoo","ooxxooxxoo"]给定字符串“ooxxooxoo”,输出为["ooxooxoo","ooxooxxoo","ooxxooxxoo"]给定字符串“ooxooxoox”,输出为["ooxxooxoox","ooxooxx

javascript - HighCharts 动态改变图表类型

在ASP.NET站点中使用HighCharts2.2.3。参见http://jsfiddle.net/wergeld/TDLvc/对于代码示例。我的站点设置与jsFiddle显示的略有不同。我更改系列的函数存在于一个包含的JS文件中,并且对该函数的调用不是与图表创建JS代码“内嵌”的(尽管它仍然包装在一个文档就绪的jquery中)。我有两个问题,其中之一可以在jsFiddle中看到。1)更改图表类型时,yAxis名称似乎丢失了。您可以看到我最初有2个yAxis,在您更改图表类型后,顶轴不再有值标签(意味着图表数据仅使用底轴(第一个yAxis))。2)在FF或IE下运行时,我在调用的行上

javascript - CSS Sprite 性能

我有一个500x640的静态图像,位于文件夹中,由20x20block和cssSprite组成,我正在设置背景位置来显示每block,我需要这样的显示以便以后能够对每block进行操作。CSS:.piece{width:20px;height:20px;display:inline-block;//display:inline;//zoom:1;}.ob{background-image:url("/Images/ob.jpg");}js:viewModel={flips:ko.observableArray([]),setClick:function(data,e){e.preven

javascript - 改变图像标签的原型(prototype)?

我正在尝试编写一个可以执行以下操作的库。当库包含在头部时,它会改变HTMLImageElement原型(prototype),这样用户碰巧在他们的HTML中使用的或他们在javascript中动态创建的任何图像标签都会有一个由我定义的默认onerror函数图书馆。这样做的结果是,如果任何用户图像由于指向错误的url而无法加载,我的库将以优雅的方式处理它。我正在尝试下面的实验,varimg=document.createElement('img');img.__proto__.onerror=function(){alert('hi');};document.body.innerHTML

javascript - CSS3 选择器 [*|type ="toc"]

我正在使用EPUB.JS,它使用以下代码从ePub文件中获取一些信息:varnavEl=navHtml.querySelector('nav[*|type="toc"]')这行代码在IE10中失败,因为querySelector返回null。我以前从未见过格式为[*|attr="val"]的属性选择器,但我认为他们想说的是,“选择所有具有任何属性或名为“type”且值为“toc”的属性的导航元素。”我找不到关于这种星形管道语法的任何信息,但我认为它是某种在Webkit/Mozilla中有效但在IE中无效的逻辑OR命令。将该行更改为:varnavEl=navHtml.querySelec

javascript - 检索 CSS 是否需要 'getPropertyValue' 方法?

如果我们只能使用getComputedStyle方法,您能告诉我为什么我们需要使用getPropertyValue方法吗?例如,据我所知,这会起作用:vars=getComputedStyle(element,null).opacity;相当于以下内容:vars=getComputedStyle(element,null).getPropertyValue('opacity');我们可以在没有getPropertyValue的情况下使用getComputedStyle吗? 最佳答案 根据老DOML2Style,getProperty

javascript - 为什么这不是在 JS 中使用 querySelectorAll 的有效 CSS 选择器?

这个问题在这里已经有了答案:IsthereareasonwhyCSSdoesn'tsupportidsandclasses,startingfromnumbers?(8个答案)CanXHTMLandHTMLclassattributesvaluestartwithanumber?(3个答案)关闭5年前。我正在尝试使用VanillaJS在我的DOM中找到所有具有2x类的img元素。我正在使用querySelectorAll方法,如下所示:document.querySelectorAll('img.2x');但是它在控制台日志中抛出这个错误:UncaughtDOMException:Fa

javascript - Angular 5 : ng build - -prod fails due to clean-css: Cannot read property 'line' of undefined

我的应用在Angular5.2.6下。ngserve一切正常,但是当运行ngbuild--prod时,它需要一段时间,然后才会失败。这些错误似乎与clean-css操作有关。错误跟踪:92%chunkassetoptimization/home/khalidvm/Desktop/Workspace/Front/frontend_v2/node_modules/clean-css/lib/reader/input-source-map-tracker.js:37if(originalPosition.line===null&&line>1&&selectorFallbacks>0){^T

javascript - 为什么在控制台中交换 == 的参数会改变输出?

如果我打开我的浏览器控制台(在Chrome/Firefox中测试)并输入:null=={}我得到:false但是,如果我将两个参数都传递给==运算符并改为键入:{}==null我得到:UncaughtSyntaxError:Unexpectedtoken==图片:为什么会这样?为什么这只发生在控制台中,而不是当浏览器在HTML页面中执行脚本时?编辑:同时question35812626解决此问题并解释原因,因为JS将{}解析为代码块,它使用三等号(严格比较)运算符===,而不是双重等号==。正如用户在下面指出的那样,代码块后面肯定可以跟==而不会导致语法错误:{}=={}//false

javascript - jQuery 改变图像高度保持纵横比

所以我有一个画廊,其中我的大部分图像目前100%由CSS控制。但是,在设置min-height:100%;在我的图像上,我使一些图像拉伸(stretch)。我没有太多有问题的照片,但用户上传什么是我无法控制的。无论如何,使用jQuery我可以获得图像高度并检查它是否满足要求,如果不满足,则以某种方式增加图像宽度以满足高度要求但保持所有比例?因此,我避免造成任何失真,但通过让div没有间隙来保持画廊的整洁。注意:提供的图像是我删除min-height:100%;时发生的情况,以便您可以看到我的问题。更新-----我找到了一个目前似乎工作正常的解决方案,它可能不是最好的尝试,但我找到了另一